<!--
  This file is part of Moeditor.

  Copyright (c) 2016 Menci <huanghaorui301@gmail.com>
  Copyright (c) 2016 lucaschimweg
  Copyright (c) 2016 Wamadahama
  Copyright (c) 2016 tmr232

  Moeditor is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Moeditor is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with Moeditor. If not, see <http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HexoEditor</title>
    <base href="../href.html">

    <script>
        window.$ = window.jQuery = require('jquery');
        document.querySelector('html').classList.add(process.platform);
    </script>
    <link rel="stylesheet" href="moe-scrollbar.css">

    <link rel="stylesheet" href="main/moe-treeview.css">
    <link rel="stylesheet" href="fonts/moe-fonts.css">
    <link rel="stylesheet" href="main/moe-style.css">
    <link rel="stylesheet" href="main/base16-light.css">
    <script type="text/javascript" src="main/moe-document.js"></script>

</head>
<body>
<div id="electron-titlebar" class="inset" style="z-index: 1; ">
    <div class="drag" id="drag-left"></div>
    <div class="drag" id="drag-right"></div>
</div>
<!--<div id="indexPage" style="-->
<!--z-index: 1;-->
<!--width: 100%;-->
<!--height: 100%;-->
<!--position: fixed;-->
<!--background: url(http://api.dujin.org/bing/1366.php);-->
<!--background-size: 100%;-->
<!--background-repeat: no-repeat;-->
<!--">-->
<!--</div>-->
<div id="renameForm" class="renameForm">
    <input id="rename-name" type="url" placeholder="sdfsdf">
    <div class="button">
        <button class="button button-check"><i class="fa fa-check" aria-hidden="true"></i></button>
        <button class="button button-close"><i class="fa fa-close" aria-hidden="true"></i></button>
    </div>
</div>
<div id="side-menu">
    <div id="logo">HexoEditor</div>
    <ul>
        <li data-action="new" class="l10n" title="Ctrl+N">New</li>
        <li data-action="newhexo" class="l10n" title="Ctrl+H">New Post</li>
        <li data-action="open" class="l10n" title="Ctrl+O">Open</li>
        <li data-action="save" class="l10n" title="Ctrl+S">Save</li>
        <li data-action="save-as" class="l10n" title="Ctrl+Shift+S">Save as</li>
        <li class="break"></li>
        <li data-action="export-as-html" class="l10n">Export as HTML</li>
        <li data-action="export-as-pdf" class="l10n">Export as PDF</li>
        <li class="break"></li>
        <li data-action="settings" class="l10n" title="Ctrl+Alt+S">Settings</li>
        <li data-action="about" class="l10n">About</li>
    </ul>
</div>
<div id="file-tree" class="tree-view">
    <div class="tree-view-item tree-view-item-template">
        <div class="tree-view-thisitem">
            <div class="tree-view-caret">
                <i class="tree-view-caret-right fa fa-caret-right" aria-hidden="true"></i>
                <i class="tree-view-caret-down fa fa-caret-down" aria-hidden="true"></i>
            </div>
            <div class="tree-view-icon">
                <i class="tree-view-icon-dir fa fa-folder-o" aria-hidden="true"></i>
                <i class="tree-view-icon-file fa fa-file-o" aria-hidden="true"></i>
            </div>
            <div class="tree-view-text">
            </div>
        </div>
        <div class="tree-view-subitems">
        </div>
    </div>
    <div class="tree-view-items">
    </div>
</div>
<div id="main" class="notransition">
    <div id="side-menu-cover"></div>
    <div id="file-tree-cover"></div>
    <div id="main-container">
        <div id="left-panel">
            <div id="editor">
                <textarea></textarea>
            </div>
            <div class="cover-top"></div>
        </div>

        <div id="right-panel">
            <div class="CodeMirror-vscrollbar" cm-not-content="true" style="display: block; ">
                <div style="min-width: 1px;"></div>
            </div>
            <div id="preview" tabindex="-1">
                <div id="container" class="preview post-body"></div>
            </div>
            <div class="cover-top"></div>
        </div>
    </div>
    <div id="cover-bottom">
        <div id="cover-bottom-background-left"></div>
        <div id="cover-bottom-background-right"></div>
        <div id="cover-bottom-tools">
            <div id="cover-bottom-left">
                <div class="button-bottom l10n-title" id="button-bottom-menu" title="Menu">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </div>
                <!--<div class="button-bottom l10n-title"  title="Refresh" onclick="location.reload(true)">-->
                <!--<i class="fa fa-refresh" aria-hidden="true"></i>-->
                <!--</div>-->
                <!--<div class="button-bottom l10n-title" id="button-bottom-file-tree" title="Directory">-->
                <!--<i class="fa fa-folder-o" aria-hidden="true"></i>-->
                <!--</div>-->
            </div>
            <div id="cover-bottom-status">
                <div class="status-button"></div>
                <div id="status-content" class="transition"></div>
            </div>
            <div id="cover-bottom-right">
                <div class="button-bottom l10n-title" id="button-bottom-focus" title="Toggle focus mode">
                    <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
                </div>

                <div class="button-bottom l10n-title" title="Write Mode" exdata="(Ctrl+W)" mode-button="write">
                    <i class="fa fa-pencil" aria-hidden="true"></i>
                </div>
                <div class="button-bottom l10n-title" title="Preview Mode" exdata="(Ctrl+P)" mode-button="preview">
                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                </div>
                <div class="button-bottom l10n-title" title="Read Mode" exdata="(Ctrl+R)" mode-button="read">
                    <i class="fa fa-eye" aria-hidden="true"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="../node_modules/katex/dist/katex.min.css">
<link rel="stylesheet" href="../node_modules/biu.js/dist/biu.css">

<script src="../node_modules/codemirror/lib/codemirror.js"></script>
<!--Mode-->
<script src="../node_modules/codemirror/addon/mode/simple.js"></script>
<script src="../node_modules/codemirror/mode/markdown/markdown.js"></script>
<script src="../node_modules/codemirror/mode/yaml/yaml.js"></script>
<script src="../node_modules/codemirror/mode/yaml-frontmatter/yaml-frontmatter.js"></script>
<script src="../node_modules/codemirror/mode/gfm/gfm.js"></script>
<script src="../node_modules/codemirror/mode/xml/xml.js"></script>
<script src="../node_modules/codemirror/mode/css/css.js"></script>
<script src="../node_modules/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
<script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
<script src="../node_modules/codemirror/mode/clike/clike.js"></script>
<script src="../node_modules/codemirror/mode/sql/sql.js"></script>
<script src="../node_modules/codemirror/mode/python/python.js"></script>
<script src="../node_modules/codemirror/mode/php/php.js"></script>
<!--hint-->
<!--<script src="../node_modules/codemirror/addon/hint/anyword-hint.js"></script>-->
<!--<script src="../node_modules/codemirror/addon/hint/javascript-hint.js"></script>-->
<!--<script src="../node_modules/codemirror/addon/hint/sql-hint.js"></script>-->
<!--<script src="../node_modules/codemirror/addon/hint/show-hint.js"></script>-->
<!--brackets-->
<script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
<!--fold-->
<script src="../node_modules/codemirror/addon/fold/foldcode.js"></script>
<script src="../node_modules/codemirror/addon/fold/foldgutter.js"></script>
<script src="../node_modules/codemirror/addon/fold/brace-fold.js"></script>
<script src="../node_modules/codemirror/addon/fold/comment-fold.js"></script>
<!--other-->
<script src="../node_modules/codemirror/addon/mode/overlay.js"></script>
<script src="../node_modules/codemirror/addon/mode/multiplex.js"></script>
<script src="../node_modules/codemirror/addon/scroll/simplescrollbars.js"></script>
<script src="../node_modules/codemirror/addon/selection/active-line.js"></script>
<script src="main/CodeMirror/continuelist.js"></script>

<script src="../node_modules/katex/dist/katex.min.js"></script>
<script src="../node_modules/biu.js/dist/biu.min.js"></script>
<!-- Mathjax config -->
<script src="../node_modules/mathjax/MathJax.js?config=TeX-AMS-MML_SVG"></script>
<script type="text/x-mathjax-config">
            MathJax.Hub.Config({
                tex2jax: {
                    preview: "none",
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    processEscapes: true
                },
                messageStyle: "none"
            });

</script>

<script type="text/javascript" src="main/moe-sidemenu.js"></script>
<!--<script type="text/javascript" src="main/moe-treeview.js"></script>-->
<script type="text/javascript" src="main/moe-mode.js"></script>
<script type="text/javascript" src="main/moe-export.js"></script>
<script type="text/javascript" src="main/moe-popmessage.js"></script>
<script type="text/javascript" src="main/moe-contextmenu.js"></script>

<script type="text/javascript" src="moe-localize.js"></script>
</body>
</html>
